import {StyleSheet, Dimensions} from 'react-native';
import Colors from '../../utils/Colors';

const windowWidth = Dimensions.get('window').width;
// const HEIGHT = NativeModules.StatusBarManager.HEIGHT;
export default StyleSheet.create({
  header: {
    position: 'absolute',
    width: '100%',
    top: 0,
    left: 0,
    backgroundColor: Colors.white,
    borderBottomColor: 'rgba(0,0,0,0)',
    zIndex: 99,
  },
  searchTop: {
    width: '100%',
    display: 'flex',
    backgroundColor: Colors.white,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    borderBottomColor: 'rgba(0,0,0,0)',
    height: 34,
  },
  searchBox: {
    marginTop: 1,
    height: 25,
    borderRadius: 17,
    paddingLeft: 10,
    paddingRight: 10,
    backgroundColor: Colors.patBGGray,
    width: windowWidth * 0.8,
    display: 'flex',
    borderColor: '#ddd',
    flexDirection: 'row',
    justifyContent: 'flex-start',
    alignItems: 'center',
  },
  search: {
    color: Colors.patFontGray2,
    fontSize: 14,
    marginLeft: 10,
  },
  arrow: {
    marginTop: 3,
    width: 30,
    height: 25,
    marginLeft: 5,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    position: 'relative',
  },
  cart: {
    width: 30,
    height: 25,
    marginLeft: 5,
    marginRight: 10,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    position: 'relative',
  },
  count: {
    position: 'absolute',
    width: 18,
    height: 18,
    fontSize: 12,
    backgroundColor: Colors.patFontRed,
    color: Colors.white,
    borderRadius: 50,
    top: -5,
    right: -5,
    textAlign: 'center',
  },
  filterbox: {
    height: 40,
    width: '100%',
    display: 'flex',
    justifyContent: 'space-around',
    backgroundColor: Colors.white,
    alignItems: 'center',
    flexDirection: 'row',
  },
  filterItem: {
    paddingLeft: 10,
    paddingRight: 10,
    paddingTop: 5,
    paddingBottom: 5,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    flexDirection: 'row',
  },
  filterItemTxt: {
    color: Colors.patFontGray2,
    fontSize: 14,
    lineHeight: 24,
    paddingRight: 5,
    marginTop: -2,
  },
  SelectTxt: {
    color: Colors.patFontRed,
    fontSize: 14,
    lineHeight: 24,
    marginTop: -2,
    paddingRight: 5,
  },
  modalView: {
    height: '100%',
    width: '100%',
    backgroundColor: 'rgba(0,0,0,0.5)',
    position: 'absolute',
    flex: 1,
  },
});
